<template>
  <div class="cover-container" @click="showCoverDialog">
    <img :src="value || require('./pic_bg.png')"  alt="" />
  </div>
</template>

<script>

export default {
  name: 'CoverImg',
  props: ['value'],
  data () {
    return {

    }
  },
  components: {},
  mounted () {},
  created () {
  },
  methods: {
    showCoverDialog () {
      this.$emit('imgTap')
    }
  }
}
</script>

<style lang="less" scoped>
.cover-container {
  width: 150px;
  height: 150px;
  margin: 10px;
  border: 1px solid #eee;
  background-color: red;
  img {
    width: 100%;
    height: 100%;
  }
}
</style>
